

/* Archivo CSS para la pagina de edicion de itinerarios */
/*======================================*/

 
 
  /*   General
 --------------------------------------------------------------------*/
 
 /*fondo de la pagina*/
 body{
 	background-image:url(../img/green_body.gif);
	background-repeat:repeat-y;
	overflow:hidden;
 }


 /*color por defecto de los textos */
 p{
	color:#244a70;
 }


 /*   Seccion normal, ancho completo
 --------------------------------------------------------------------*/

 /*bordes redondos del comienzo de una seccion de texto (blanco) */
 .section .start{
 	height:14px;
	background-image:url(../img/section_start.gif);
 }
 
 /*cuerpo del mensaje, franja de color blanco */
 .section .body{
 	background-image:url(../img/section_body.gif);
 }
 
 /* bordes redondos del final de una seccion de texto */
 .section .end{
 	height:15px;
	background-image:url(../img/section_end.gif); 	
 }
 
  /* area util de la seccion en la cual se puede insertar contenido */
 .section .inner{
	width:790px;
	margin-left:50px;
		
 }

 /*   Seccion a pantalla partida
 --------------------------------------------------------------------*/

 /*bordes redondos del comienzo de seccion */
 .section_split .start{
 	height:22px;
	background-image:url(../img/green_split_start.png);
 }
 
 /*cuerpo del mensaje */
 .section_split .body{
 	background-image:url(../img/green_split_body.png);
 }
 
 /* bordes redondos del final de seccion */
 .section_split .end{
 	height:20px;
	background-image:url(../img/green_split_end.png); 	
 }
 

  /*   Cuerpo de la pagina
 --------------------------------------------------------------------*/

 /*boton salir */
 #back{
 	width:100px;
	height:42px;
	background-image:url(../img/volver.png); 
	bottom:10px;
	right:300px;	
	cursor:pointer;
 }
 
 /*botoon compartir */
 #share{
 	width:156px;
	height:48px;
	background-image:url(../img/compartir.png); 
	bottom:5px;
	right:140px; 	
	cursor:pointer;	
 	
 }


  /*   Puntos de interes
 --------------------------------------------------------------------*/


	
 /* contenedor */
 #pointsContainer{
 	height:175px;
	position:relative;
 }
 
 #dragging{
 	background-image:url(../img/drag.png); 	
	width:45px;
	height:45px;
	display:none;
 }
 
 /* lista de origen de los items de interes */	
 #origin{
 	width:383px;
	height:175px;
	left:48px;
 }

 #target{
 	width:373px;
	height:175px;
	left:472px;
 }

 /* titulo puntos de interes */
 #pointsTitle{
 	background-image:url(../img/puntos_interes.png);
	width:240px;
	height:31px;
	left:50px;
	top:25px;	
 }
 
 /* titulo puntos seleccionados */
 #selectedPointsTitle{
 	background-image:url(../img/seleccionados.png); 
	width:204px;
	height:28px;
	left:480px;
	top:30px;
 }

 
 
 /* elemento de la lista de puntos de interes */
 .point_item{
 	border-bottom:1px #888 dashed;
	height:30px;
	line-height:30px;
	cursor:pointer;
	margin-bottom:4px;
	width:100%;
 }
 

 
 /* elemento de la lista*/
 .point_item{
	background-image: url(../img/itemHover.png);
	background-repeat:repeat-x;
	background-position:bottom;
 } 
 
 /* icono de agregar */
 .add{
 		background-image: url(../img/add.png);
		float:right;
		width:22px;
		height:22px;
		display:block;
		cursor:pointer;
 } 
 
 #selected_scroll .add{
 	background-image: url(../img/remove.png);
	width:21px;
	height:21px;	
 }
 
 /* texto del item de la lista */
 .point_item .name{
 	font-weight:bold;
	cursor:pointer;
	max-width:300px;
	overflow:hidden;
	height:30px;
	display:inline-block;
 }
 

 
  /*  Mapa
 --------------------------------------------------------------------*/
 
 #rutaTitle{
 	background-image:url(../img/ruta.png);
	width:184px;
	height:34px;
	left:50px;
	top:294px;	
 }
 
 /*contenedor */
 #mapContainer{
 	height:430px;
 }
 
 
 
  